<extend name="Base/common"/>
<block name="body">
    <center>
        <div id="demo1" class="slideBox">
            <ul class="items">
              <volist name="banner_list" id="val">
                <li><a href="{$val.links}" title="{$val.title}"><img src="{$val.cover_id|get_cover='path'}"></a></li>
              </volist>
            </ul>
        </div>
    </center>
    <div class="txt-hot">
        <div class="left">
            <img src="__IMG__/hot.png" alt="">
            <p>通知公告：</p>
        </div>
        <div class="marquee">
            <ul>
              <volist name="notification" id="val">
                <li>
                    <a href="{:U('Article/news_detail',array('id'=>$val['id']))}">
                        {$val.title}
                        <em>【{$val.create_time|date="Y-m-d",###}】</em>
                    </a>
                </li>
              </volist>
            </ul>
        </div>
    </div>
    <div class="box">
        <p class="name">- 核心<span>技术 -</span></p>
        <div class="box-cont">
            <a class="technology-a"  title="">
                <img class="tec1" src="__IMG__/tec1.png" alt="">
                <img src="__IMG__/tec2.jpg" alt="">
            </a>
           <volist name="technology" id="val">
            <a class="technology-a hover" href="{:U('Article/technology',array('cate_id'=>$val['id']))}">
                <img src="{$val.cover_id|get_cover='path'}" alt="">
                <div class="txt">
                    <div class="txt-name">{$val.title}</div>
                    <div class="heng"></div>
                    <div class="txt-cont">
                        <p>{$val.description}</p>
                    </div>
                </div>
            </a>
           </volist>
        </div>
    </div>
    <div class="box">
        <p class="name">- 关于<span>我们 -</span></p>
        <div class="box-cont" style="background: #ecebeb;">
            <div class="about-left">
                <div class="cont">
                    <p class="head">诚信为本、求真务实、持续创新、追求完美</p>
                    <div class="heng"></div>
                    <div class="txt">
                        <p>{$about.description}</p>
                    </div>
                    <a href="{:U('Article/about')}" class="about-more">查看详情 >></a>
                </div>
            </div>
            <div class="about-right">
                <div class="right-left">
                    <div class="img-box"><img src="__IMG__/about1.jpg" alt=""></div>
                    <div class="img-box"><img src="__IMG__/about2.jpg" alt=""></div>
                </div>
                <div class="right-right">
                    <img src="__IMG__/about3.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="box cas">
        <p class="name">- 典型<span>案例 -</span></p>
        <div class="box-cont">
            <div class="case-nav">
              <volist name="cases_cate" id="val">
                <a href="javascript:void(0);" onclick="check_case({$val.id},this);">
                    {$val.title}
                </a>
              </volist>
            </div>
            <div id="featureCarousel">
              <volist name="cases_list.list1" id="val">
                <div class="feature">
                    <a onclick="tiaozhuan({$val.id},this);" href="javascript:void(0);" target="_blank"><img alt="Image Caption" style="width: 880px; display: inline-block; height: 436px;" src="{$val.cover_id|get_cover='path'}"></a>

                    <div>
                        <p>
                            {$val.title}
                        </p>
                    </div>
                </div>
              </volist>
            </div>
        </div>
    </div>
    <div class="box">
        <p class="name">- 新闻<span>中心 -</span></p>
        <div class="box-cont">
            <div class="news-box">
                <div class="left">
                  <volist name="news_list" id="val">
                    <a href="{:U('Article/news_detail',array('id'=>$val['id']))}" >
                        <div class="date">
                            <p>
                                -{$val.create_time|date="m-d",###}
                            </p>
                            <span>{$val.create_time|date="Y",###}</span>
                        </div>
                        <div class="news-cont">
                            <div class="news-name">
                                {$val.title}
                            </div>
                            <div class="news-cont">
                                {$val.description}
                            </div>
                            <div class="news-more">
                                ›
                            </div>
                        </div>
                    </a>
                  </volist>
                </div>
                <div class="right">
                    <img src="__IMG__/news-right.jpg" alt="">
                </div>
            </div>
        </div>

    </div>
</block>
<block name="footer_js">
    <script>
     $(".case-nav a").eq(0).addClass("actt");
     function tiaozhuan(id,v){
         if($(v).css("width")=="880px"){
             window.location.href="/index.php?s=/Home/Article/cases_detail/id/"+id+".html";
         }
     }
     function check_case(id,v){
         if(id){
             $.post("{:U('Index/cases')}",{id:id},function(data){
                  var str='';
                  $.each(data,function(k,v){
                     str+='<div class="feature">'+
                         '<a onclick="tiaozhuan('+v.id+',this);" href="javascript:void(0);" target="_blank"><img style="width: 880px; display: inline-block; height: 436px;" alt="Image Caption" src="'+v.img+'"></a>'+

                          '<div>'+
                          '<p>'+v.title+'</p>'+
                      '</div>'+
                      '</div>';
                  });
                 $(".case-nav a").removeClass("actt");
                 $(v).addClass("actt");
                  $("#featureCarousel").html(str);
                  $("#featureCarousel").featureCarousel({

                  });
             });
         }
     }
 </script>
</block>